.index {
	display: flex;
	height: calc(100vh - 60px);
	flex-direction: column;
	
	&_top {
		width: 100%;
		height: 40px;
		padding: 0px 20px;
		display: flex;
		align-items: center;
		
		.into_index {
			width: 100px;
			height: 28px;
			text-align: center;
			line-height: 28px;
			color: #101010;
			font-size: 14px;
			border: 1px solid #BBBBBB;
			position: relative;
			border-radius: 4px;
			cursor: pointer;
			
			i {
				top: 7px;
			}
		}
		
		i {
			position: absolute;
			right: 4px;
			top: 8px;
		}
		
		.current {
			width: 100px;
			height: 30px;
			text-align: center;
			line-height: 30px;
			background: #409EFF 10000%;
			border: 1px solid #fff;
			position: relative;
			font-size: 14px;
			color: #fff;
			margin-left: 10px;
			border-radius: 4px;
			cursor: pointer;
			
			&::before {
				content: '';
				display: inline-block;
				width: 10px;
				height: 10px;
				border-radius: 50%;
				background: #fff;
				position: absolute;
				left: 6px;
				top: 10px;
			}
		}
	}
	
	&_title {
		width: 100%;
		height: 90px;
		background: #F5F5F5;
		padding: 0px 20px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		
		&_left {
			color: #101010;
			font-size: 14px;
			
			i {
				color: #5692FA;
				font-style: normal;
			}
		}
		
		&_right {
			
			&_btn {
				width: 100px;
				height: 40px;
				text-align: center;
				line-height: 40px;
				border-radius: 4px;
				outline: none;
				border: 0 none;
				background: #27B148;
				color: #fff;
				cursor: pointer;
			}
		}
	}

	&_content {
		width: 100%;
		padding: 20px;
		
		&_box {
			font-size: 16px;
			color: #101010;
			margin: 30px;
			
			form {
				
				.form_image {
					width: 1085px;
					display: flex;
					
					&_left {
						display: flex;
						
						&_left {
							width: 100px;
							text-align: right;
						}
						
						&_right {
							width: 454px;
							margin-left: 30px;
							position: relative;
							padding-bottom: 20px;
							border-bottom: 1px solid #acacac;
							
							.files {
								width: 110px;
								height: 110px;
								position: absolute;
								left: 0px;
								top: 0px;
								z-index: 2;
								opacity: 0;
								cursor: pointer;
							}
							
							.files_img {
								width: 110px;
								height: 110px;
								
								img {
									width: 100%;
									height: 100%;
								}
							}
						}
					}
					
					&_right {
						width: 500px;
						display: flex;
						padding-bottom: 20px;
						border-bottom: 1px solid #acacac;
						
						&_left {
							width: 100px;
							text-align: right;
						}
						
						&_right {
							margin-left: 30px;
							position: relative;
							
							.filess {
								width: 252px;
								height: 110px;
								position: absolute;
								left: 0px;
								top: 0px;
								z-index: 2;
								cursor: pointer;
								opacity: 0;
							}
							
							.filess_img {
								width: 252px;
								height: 110px;
								
								img {
									width: 100%;
									height: 100%;
								}
							}
						}
					}
				}
			
				.form_name {
					width: 1085px;
					display: flex;
					margin-top: 10px;
					
					&_left {
						width: 100px;
						text-align: right;
					}
					
					&_right {
						flex: 1;
						margin-left: 30px;
						position: relative;
						
						i {
							font-style: normal;
							position: absolute;
							right: -70px;
							top: 0px;
							color: #0527EE;
						}
					}
				}
				
				.form_address {
					width: 1085px;
					display: flex;
					margin-top: 20px;
					
					&_left {
						width: 100px;
						text-align: right;
					}
					
					&_right {
						flex: 1;
						margin-left: 30px;
						position: relative;
						border-bottom: 1px solid #acacac;
						padding-bottom: 20px;
						
						i {
							font-style: normal;
							position: absolute;
							right: -70px;
							top: 0px;
							color: #0527EE;
						}
					}
				}
			
				.form_twos {
					display: flex;
					margin-top: 10px;
					
					&_photo {
						display: flex;
						
						&_left {
							width: 100px;
							text-align: right;
							line-height: 40px;
						}
						
						&_right {
							width: 454px;
							margin-left: 30px;
							
							input {
								width: 200px;
								height: 40px;
								outline: none;
								padding-left: 15px;
							}
						}
					}
					
					&_lable {
						display: flex;
						
						&_left {
							width: 100px;
							text-align: right;
							line-height: 40px;
						}
						
						&_right {
							width: 454px;
							margin-left: 30px;
							
							input {
								width: 370px;
								height: 40px;
								outline: none;
								padding-left: 15px;
							}
						}
					}
				}
			
				.form_introduct {
					display: flex;
					margin-top: 30px;
					
					&_left {
						width: 100px;
						display: flex;
						justify-content: space-between;
						
						i {
							font-style: normal;
							
							&:first-child {
								margin-left: 35px;
							}
						}
					}
					
					&_right {
						margin-left: 30px;
						
						textarea {
							width: 954px;
							height: 200px;
							resize: none;
							outline: none;
							padding-left: 15px;
							padding-top: 15px;
						}
					}
				}
			}
			
			.btn {
				width: 1085px;
				display: flex;
				justify-content: center;
				margin-top: 30px;
				
				button {
					width: 80px;
					height: 40px;
					background: #25A9FB;
					display: flex;
					justify-content: center;
					align-items: center;
					color: #fff;
					border: 0 none;
					cursor: pointer;
				}
			}
		}
	}
}